<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
       	<script src='src1/icreate.core.js'></script>
        <!-- 先引入core文件 -->
        <script src='src1/icreate.dom.js'></script>
        <!-- 再引入dom文件 -->
        <style>
        .container {
            width: 200px;
            height: 300px;
            border: 1px dashed blue;
        }
        .box {
            width: 100px;
            height: 50px;
            border: 1px solid red;
            margin: 20px auto;
        }

    </style>
    <script>
    //实例方法 appendTo
    Icreate.fn.appendTo = function ( dom ) {
    	// this 是多个dom元素
    	// 1>
            // console.log(this); 
        for(var i=0;i<this.length;i++){
            dom.appendChild(this[i]);
        }

        //2>  这里的 this 是伪数组
    	// return this.each(function () {
     //        // 这里的this是伪数组中的每一个 dom 元素
     //        dom.appendChild(this);
     //    })
    }

    </script>
    </head>
    <body>
       <div class="container"></div>
    </body>
	<script>
		I( '<div class="box"></div><div class="box"></div><div class="box"></div>' ).appendTo( document.getElementsByClassName( "container" )[0] );
        I( '<div class="box"></div>' ).appendTo( document.getElementsByClassName( "container" )[0] );

	</script>

</html>